<template>
  <div class="app-container">
    <div class="default-box">
      <el-form :model="informationForm" label-position="right" label-width="160px">
        <el-form-item label="分红日期">
          <el-date-picker
            v-model="informationForm.date"
            type="date"
            placeholder="请选择日期"
            format="yyyy 年 MM 月 dd 日"
            value-format="yyyy-MM-dd"
            class="fullwidth"
          />
        </el-form-item>
        <el-form-item label="分红额度">
          <el-input v-model="informationForm.title" placeholder="0" />
          <span>如果设置该值，则忽略友邻管家等级，全体分红</span>
        </el-form-item>
        <el-form-item label="等级 友邻管家 分红额度">
          <el-input v-model="informationForm.title" placeholder="请输入分红额度" />
          <span>昨日总人数：0</span>
        </el-form-item>
        <el-form-item label="等级 精英管家 分红额度">
          <el-input v-model="informationForm.title" placeholder="请输入分红额度" />
          <span>昨日总人数：0</span>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">提交</el-button>
          <el-button>重置</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Recycle',
  data() {
    return {
      informationForm: {
        title: '',
        expresscompany: ''
      },
      expresscompanyoptions: [{ // 快递公司选择项组
        value: '',
        label: '请选择'
      }, {
        value: '顺丰快速',
        label: '顺丰快速'
      }]
    }
  },
  created() {
  },
  methods: {
    // 重置
    handlReset() {
      this.listQuery.account = ''
    },
    // 搜索
    handleFilter() {
      this.getList()
    }
  }
}
</script>
<style scoped lang="scss">
  [class^=el-icon-], [class*=" el-icon-"]{
    font-size: 16px;
  }
  .small-padding i{
    margin-right: 12px;
  }
  .small-padding i:last-child{
    margin-right: 0px;
  }
  ::v-deep .el-date-editor.el-input{
    width: 100%;
  }
</style>
